<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/static/";
%>
<!DOCTYPE html>

<html lang="en">
	<head>
		<base href="<%=basePath%>">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>付款管理</title>
		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		
		<link rel="stylesheet" href="static/ace/css/bootstrap.css" />
		<link rel="stylesheet" href="static/ace/css/font-awesome.css" />
		
		<!-- text fonts -->
		<link rel="stylesheet" href="static/ace/css/ace-fonts.css" />
		<!-- ace styles -->
		<link rel="stylesheet" href="static/ace/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />
				<link rel="stylesheet" type="text/css" href="plugins/websocketInstantMsg/ext4/resources/css/ext-all.css">
		<script type="text/javascript" src="plugins/websocketInstantMsg/ext4/ext-all-debug.js"></script>
		<script type="text/javascript" src="static/js/jquery-1.7.2.js" />
		<script type="text/javascript">
			$(top.hangge());
		</script>
	</head>
		 
	<body class="no-skin">
		<!-- /section:basics/navbar.layout -->
<!-- 		<div class="main-container" id="main-container"> -->
			
<!-- 		</div> -->
	<div id="receipt"></div>
<!-- 	<div id="receiptgrid"></div> -->
	</body>
	<script type="text/javascript">
	Ext.onReady(function () {
		  var c1 = Ext.create('Ext.container.Container', {
				layout: 'column',
				defaults: { labelAlign: 'left', labelWidth: 60 },
				items: [
					{id:"startDate1",xtype: 'textfield', name: 'startDate1',columnWidth: 1/5,padding: '5px',fieldLabel: '缴款单号'},
					{id:"startDate2",xtype: 'textfield', name: 'startDate2', columnWidth:  1/5,padding: '5px', fieldLabel: '单位'},
					{id:"startDate3",xtype: 'textfield', name: 'startDate2', columnWidth:  1/5,padding: '5px', fieldLabel: '收款日期'},
					{id:"startDate4",xtype: 'textfield', name: 'startDate2', columnWidth:  1/5,padding: '5px', fieldLabel: '收款部门'},
					
					{xtype: "button",minWidth:70,padding: '5px',icon:'../plugins/websocketInstantMsg/ext4/shared/icons/fam/add.png', text: "查询缴款单"}
					]
			});
		var grid = Ext.create('Ext.grid.Panel', {
// 			renderTo: "receipt",
// 			store: store,
			title:"对应成本信息内容",
			height: 330,
			stripeRows:true,
			columnLines: true,
			selModel:Ext.create('Ext.selection.CheckboxModel',{mode:"single", allowDeselect: true, showHeaderCheckbox:false}),
			columns: [
				{text: 'ID', dataIndex: 'ID',hidden:true},
				{text: '付款单号', dataIndex: 'billCode', align: 'left', maxWidth: 100 ,locked: true},
				{text: '单位', dataIndex: 'ladingBillCode', maxWidth: 200 ,locked:true},
				{text: '金额', dataIndex: 'containerOwner', maxWidth: 80},
				{text: '收款日期', dataIndex: 'riverPort', maxWidth: 80},
				{text: '收款金额', dataIndex: 'estimateTime', maxWidth: 80},
				{text: '币制', dataIndex: 'loadingGoingShips', align: 'left', minWidth: 80},
				{text: '部门', dataIndex: 'riverUnload', maxWidth: 80},
				{text: '申请人', dataIndex: 'riverDelivery', maxWidth: 80}
			],
			bbar: [{
				xtype: 'pagingtoolbar',
// 				store: store,
				displayMsg: '显示 {0} - {1} 条，共计 {2} 条',
				emptyMsg: "没有数据",
				beforePageText: "当前页",
				afterPageText: "共{0}页",
				displayInfo: true
			}],
			listeners: {
				'itemclick': function (view, record, item, index, e) {
//                Ext.MessageBox.alert("标题", record.data.cataId);
				}
			},
			tbar: [
			       {text: '制单申请', icon: '../plugins/websocketInstantMsg/ext4/shared/icons/fam/table_refresh.png'},
			       {text: '生成制单', icon: '../plugins/websocketInstantMsg/ext4/shared/icons/fam/table_refresh.png'},
			       {text: '撤销', icon: '../plugins/websocketInstantMsg/ext4/shared/icons/fam/table_refresh.png'},
			       {text: '导出', icon: '../plugins/websocketInstantMsg/ext4/shared/icons/fam/table_refresh.png'},]
		});
		var receiptgrid = Ext.create('Ext.grid.Panel', {
// 			renderTo: "receiptgrid",
// 			store: store,
			height: 330,
			title:"付款内容",
			stripeRows:true,
			columnLines: true,
			selModel:Ext.create('Ext.selection.CheckboxModel',{mode:"single", allowDeselect: true, showHeaderCheckbox:false}),
			columns: [
				{text: 'ID', dataIndex: 'ID',hidden:true},
				{text: '付款单号', dataIndex: 'billCode', align: 'left', maxWidth: 100 ,locked: true},
				{text: '业务编号', dataIndex: 'ladingBillCode', maxWidth: 200 ,locked:true},
				{text: '费用项目', dataIndex: 'containerOwner', maxWidth: 80},
				{text: '发票号', dataIndex: 'riverPort', maxWidth: 80},
				{text: '部门', dataIndex: 'estimateTime', maxWidth: 80},
				{text: '币制', dataIndex: 'loadingGoingShips', align: 'left', minWidth: 80},
				{text: '完税金额', dataIndex: 'riverUnload', maxWidth: 80},
				{text: '前期收款', dataIndex: 'riverDelivery', maxWidth: 80},
				{text: '本次收款', dataIndex: 'riverDelivery', maxWidth: 80},
				{text: '余额', dataIndex: 'riverDelivery', maxWidth: 80},
				{text: '是否预收', dataIndex: 'riverDelivery', maxWidth: 80}
			],
			bbar: [{
				xtype: 'pagingtoolbar',
// 				store: store,
				displayMsg: '显示 {0} - {1} 条，共计 {2} 条',
				emptyMsg: "没有数据",
				beforePageText: "当前页",
				afterPageText: "共{0}页",
				displayInfo: true
			}],
			listeners: {
				'itemclick': function (view, record, item, index, e) {
//                Ext.MessageBox.alert("标题", record.data.cataId);
				}
			},
			tbar: []
		});
		 var panel = new Ext.Panel({
	            frame: true,
// 	            layout:"form",
// 	            width: 260,
// 	            height: 130,
// 	            labelWidth: 70,
	            title: "审核",
	            renderTo:"receipt",
	            items:[c1,grid,receiptgrid],

	            
	        });
	});
	</script>
</html>